{% extends 'visites/include/base.html' %}
{% block content %}
    <div class="page-content-wrapper">
                <div class="container-fluid">
                    <div class="table-outside">
                        <a href="add-menu.html" class="btn btn-info none-radius" style="margin-bottom: 30px">新增菜谱</a>
                        <table class="table">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>状态</th>
                                <th>期数</th>
                                <th>社区</th>
                                <th>订餐时间</th>
                                <th>送餐时间</th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>1</td>
                                <td>正在进行</td>
                                <td>25期</td>
                                <td>青园社区</td>
                                <td>08.14  18:00——08.15  9:00</td>
                                <td>08.15  11:30——12:30</td>
                                <td>
                                    <a href="menu-detail.html" class="btn btn-info none-radius">查看详情</a>
                                    <button class="btn btn-danger none-radius">关闭菜谱</button>
                                </td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>订餐结束</td>
                                <td>25期</td>
                                <td>青园社区</td>
                                <td>08.14  18:00——08.15  9:00</td>
                                <td>08.15  11:30——12:30</td>
                                <td>
                                    <a href="menu-detail.html" class="btn btn-info none-radius">查看详情</a>
                                    <button class="btn btn-dark none-radius">关闭菜谱</button>
                                </td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>订餐结束</td>
                                <td>25期</td>
                                <td>青园社区</td>
                                <td>08.14  18:00——08.15  9:00</td>
                                <td>08.15  11:30——12:30</td>
                                <td>
                                    <a href="menu-detail.html" class="btn btn-info none-radius">查看详情</a>
                                    <button class="btn btn-dark none-radius">关闭菜谱</button>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="row order-page">
                        <nav aria-label="Page navigation example">
                            <ul class="pagination">
                                <li class="page-item">
                                    <a class="page-link" href="#" aria-label="Previous">
                                        <span aria-hidden="true">&laquo;</span>
                                        <span class="sr-only">Previous</span>
                                    </a>
                                </li>
                                <li class="page-item active"><a class="page-link" href="#">1</a></li>
                                <li class="page-item"><a class="page-link" href="#">2</a></li>
                                <li class="page-item"><a class="page-link" href="#">3</a></li>
                                <li class="page-item">
                                    <a class="page-link" href="#" aria-label="Next">
                                        <span aria-hidden="true">&raquo;</span>
                                        <span class="sr-only">Next</span>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
{% endblock %}
